<template>
		<view class="page">
			<checkbox-group @change="selected">
				<block v-for="dept in list" :key="dept.id">
					<view class="list-title">{{dept.deptname}}（{{ dept.count }}人）</view>
					<view class="item" v-for="member in dept.members" :key="member.userId">
						<view class="key">{{member.name}}</view>
						<checkbox class="value" :value="member.userId" :checked="member.checked"></checkbox>
					</view>
				</block>
			</checkbox-group>
		</view>
</template>

<script>
	export default {
		onShow:function(){
				this.loadData(this)
			},
				data() {
						return {
							list: [
							],
							members: []
						};
					},
		onLoad:function(options){
			if(options.hasOwnProperty("members")){
				//获取上一个页面的成员数据
				let members=options.members
				this.members=members.split(",")
				console.log(members)
			}
		},
		methods: {
			selected:function(e){
						let that=this
						that.members=e.detail.value
						let pages=getCurrentPages()
						let prevPage=pages[pages.length-2]
						prevPage.members=that.members
						prevPage.finishMembers=true
					},
			loadData:function(ref){
						ref.ajax(ref.url.searchUserGroupByDept,"POST",{keyword:ref.keyword},function(resp){
							let result=resp.data.result
							ref.list=result
							for(let dept of ref.list){
								for(let member of dept.members){
									if(ref.members.indexOf(member.userId+"")!=-1){
										member.checked=true
									}
									else{
										member.checked=false
									}
								}
							}
						})
					}
			
		}
	}
</script>

<style lang="less">
	@import url("members.less");
</style>